
<div class="login-box">
  <p>login works!</p>
  <div align="right">
  <button nz-button [nzType]="'primary'" (click)="showModal()"><span>学生登录</span></button>
  </div>
</div>

<nz-modal [(nzVisible)]="isVisible" nzTitle="学生管理系统-学生登录" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()" [nzOkText]="null">
  <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
    <div nz-row [nzGutter]="24">
      <div nz-col [nzSpan]="12 " nzOffset="6">
    <nz-form-item>
      <nz-form-control nzErrorTip="请输入学号！">
        <nz-input-group nzPrefixIcon="user">
          <input type="text" nz-input formControlName="stuid" placeholder="学号" />
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
      </div>
    </div>
    <div nz-row [nzGutter]="24">
      <div nz-col [nzSpan]="12" nzOffset="6">
    <nz-form-item>
      <nz-form-control nzErrorTip="请输入密码！">
        <nz-input-group nzPrefixIcon="lock">
          <input type="password" nz-input formControlName="password" placeholder="密码" />
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
      </div>
    </div>
    <div align="center">
    <button nz-button class="login-form-button login-form-margin" [nzType]="'primary'">登录</button>
<!--    Or <a> register now! </a>-->
    </div>
  </form>
</nz-modal>
<!--</body>-->
